<!DOCTYPE html>
<html lang="zh">
<head>
    <title>{$title}-{web name='title' /}</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=1440">
    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link href="__PUBLIC__css/animate.css,iconfont.css,bootstrap.min.css,response.min.css" rel="stylesheet"
          type="text/css">
    <link href="__PUBLIC__css/ftmpl_impt_10c675c7-d183-4c58-b85c-58b5f88f5e9d.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/page_impt_product.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/page_impt_product_detail.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__css/content-styles.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
    <![endif]-->
    <script src="__PUBLIC__js/jquery1.11.3.min.js"></script>
    <script src="__PUBLIC__js/bootstrap3.3.7.min.js"></script>
    <script src="__PUBLIC__js/swiper4.4.2.min.js"></script>
</head>
<body>
{include file="Public/header" /}
<div id="w_grid-1592804665665" class="w_grid-000">
    <div class="w_grid signal">
        <div class="e_box e_box-000 p_gridbox">
            <div id="content_box-1592804665665-0"
                 class="e_box e_box-000 d_gridCell_0 p_gridCell">
                <div id="w_fimg-1592804665675" class="w_fimg-000">
                    <div class="w_img animated">
                        <div class="e_box e_box-000 p_box">
                            <div class="e_image e_DImage-001 p_dimage">
                                {banner id='3'}
                                <a href="{$banner.url}" target="_blank">
                                    <img src="{$banner.img}" alt="{$banner.title}"
                                         title="{$banner.title}" width="100%" height="100%">
                                </a>
                                {/banner}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="w_grid-1630137432631" class="w_grid-000">
    <div class="w_grid signal">
        <div class="e_box e_box-000 p_gridbox">
            <div id="content_box-1630137432631-0" class="e_box e_box-000 d_gridCell_0 p_gridCell">
                <div id="c_portalResProduct_detail-16301374227489540"
                     class="c_portalResProduct_detail-03001" style="font-size: 16px;overflow: visible;">
                    <!-- 商品名称属性项 -->
                    <div class="e_box d_ProductDetail p_ProductDetail">
                        <!--左边结构-->
                        <div class="e_box p_imagesA c_portalResProduct_detail-16301374227489540-js">
                            <div class="c_portalResProduct_detail-16301374227489540-imgjs">
                                <div class="e_box e_box-000 p_images cut picture widther"
                                     style="height: 400px; width: 600px;"><a class="e_link e_link-000 p_linkB zoom">
                                    <div class="e_image e_RImages-001 p_image visible">
                                        <img id="bigImg" src="{$content['pictureurls'][0]}">
                                    </div>
                                </a></div>
                                <div id="imgList" class="e_box e_box-000 p_ThumbnailBox">
                                    {foreach name='content["pictureurls"]' item='v' key='k'}
                                    <div class="e_relationimg e_NumBtn-001 p_ProRelationImg j-nav cut widther picture"
                                         data-slider="1"
                                         style="width: calc((100% - 20px) / 4); padding-bottom: calc(((100% - 20px) / 4) * 0.75); height: 0;">
                                        <div class="shape"></div>
                                        <div class="AtlasRelationImgBoxA second">
                                            <img onclick="showBigImg(this)" src="{$v}" alt="{$k}" lazy-src="{$v}">
                                        </div>
                                    </div>
                                    {/foreach}
                                    <div onclick="imgSwitchPre()"
                                         class="e_switchbtn e_IconSwitchBtn-002 p_SwitchBtnC j-nav-previous"
                                         style="color: rgba(0, 0, 0);">
                                        <div class="font"><i class="iconfont"></i></div>
                                    </div>
                                    <div onclick="imgSwitchNext()"
                                         class="e_switchbtn e_IconSwitchBtn-002 p_SwitchBtnD j-nav-next"
                                         style="color: rgba(0, 0, 0);">
                                        <div class="font"><i class="iconfont"></i></div>
                                    </div>
                                </div>
                            </div>
                            <script>
                                function showBigImg(img) {
                                    $('#bigImg').attr('src', $(img).attr("src"));
                                }

                                function imgSwitchPre() {
                                    var imgList = $('#imgList');
                                    if (imgList.children().length === 7) {
                                        var block = 'block';
                                        if (document.body.clientWidth < 768) {
                                            block = 'inline-block'
                                        }
                                        imgList.children().first().css('display', block)
                                    }
                                }

                                function imgSwitchNext() {
                                    var imgList = $('#imgList');
                                    if (imgList.children().length === 7) {
                                        imgList.children().first().css('display', 'none')
                                    }
                                }
                            </script>
                        </div>
                        <!--右边结构-->
                        <div class="e_box p_ProInfo">
                            <div class="e_box p_content borderB_dividers">
                                <!--产品名称名称和标题开始-->
                                <div class="e_box d_ProName p_ProName">
                                    <h1 class="e_title d_Title p_Title h2">
                                        <div class="font"><i class="iconfont"></i>{$content.title}</div>
                                    </h1>
                                </div>
                                <!--产品名称名称和标题结束-->
                                <!--所属分类-->
                                <div style="margin: 16px auto" class="e_box d_SortName p_SortName">
                                    <div class="e_title d_nameD p_nameD">
                                        <div class="font">所属分类：</div>
                                    </div>
                                    <a href="{$cate.url}" class="e_link d_linkA p_linkA" target="_self">
                                        <div class="e_title d_sort p_sort">
                                            <div class="font">
                                                <i class="iconfont">
                                                </i>{$cate.name}
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--所属分类结束-->
                                <!-- 自定义属性开始 -->
                                <div class="e_box d_BaseInfoBox p_BaseInfoBox background_form js_attrOne">
                                    {$content.description}
                                </div>
                                <!-- 自定义属性结束 -->
                                <!--热门关键词-->
                                <div class="e_box d_KeywordBox p_KeywordBox">
                                    <div class="e_title d_nameL p_nameL">
                                        <div class="font">关键词:</div>
                                    </div>
                                    {foreach name='content["keywords"]' item='v' key='k'}
                                    <div class="e_title d_tagA p_tagA border_default">
                                        <div class="font">{$v}</div>
                                    </div>
                                    {/foreach}
                                </div>
                                <!--热门关键词 end-->
                            </div>
                            <!--按钮开始-->
                            <div class="e_box p_interaction">
                                <div class="e_btn p_Buy">
                                    <a href="/index/listing/index/cid/47.html" class="btn btn-danger">联系我们</a>
                                </div>
                            </div>
                            <!--按钮结束-->
                        </div>
                    </div>
                    <!--产品详情页签容器开始-->
                    <div class="e_box d_DescriptionBigbox p_DescriptionBigbox">
                        <ul class="nav nav-tabs">
                            <li role="presentation" class="active">
                                <a>产品详情</a>
                            </li>
                        </ul>
                        <div class="ck-content">
                            {$content.content|raw}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="Public/footer" /}
</body>
</html>